<template>
<div>
  <router-link to="/keshi_class/keshi_detail">
    <el-button type="primary">新增</el-button>
  </router-link>
  <el-table class="table"
    :data="tableData"
    height="250"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="课时标题"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="课时名称"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="单元名称">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="">
        <el-button type="text" size="small">修改</el-button>
        <el-button type="text" size="small">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }]
      }
    }
  }
</script>
<style scoped>
  .table{margin-top:20px;}
</style>